<!DOCTYPE html>
<html>
    <head>
        <meta charset='utf-8'>
        <title></title>
        <style>
        </style>
        <script src="https://cdn.jsdelivr.net/npm/vue"></script>
    </head>
    <body>
       <div id="app">
           <my-date></my-date>
       </div>
    </body>
</html>
<script>
    //1.创建组件构造器
    let Profile=Vue.extend({
        //1.1模板选项
        template:`
            <div>
                <input type="date">
                <p>今天天气很好</p>
            </div>
        `
    });
    //2.注册一个全局的组件
    Vue.component('my-date',Profile);

    
    let vm=new Vue({
        el:'#app',
        data:{
            message:'你好，世界！'
        }
    })
</script>